import React from 'react';
import { Button } from 'antd';

const UserToolsBar = (props) => {

    const { themeColor, onAdd, onDelete } = props;

    const iconStyle = {
        marginRight: "2px",
    };

    return (
        <div style={{marginTop: "15px"}}>
            <Button size="default" style={{ background: themeColor }} onClick={() => onAdd()} icon={<i className="ri-add-line" style={iconStyle} />}>新增</Button>
            <Button type="dashed" danger size="default" icon={<i className="ri-delete-bin-line" style={iconStyle}></i>} style={{ marginLeft: "20px", color: "red" }} onClick={onDelete}>删除</Button>
        </div>
    );
}

export default UserToolsBar;
